import React, { memo } from 'react'
import { BrowserRouter } from 'react-router-dom'
import ASAppHeader from './components/app-header'
import ASAppFooter from './components/app-footer'
import AppRoutes from './router'
import store from './store/index'
import { Provider } from 'react-redux'
import  ASappPlayerBar  from '../src/pages/player/app-player-bar/index'
const App = memo(() => {
  return (
    <Provider store={store}>
      <BrowserRouter>
        <ASAppHeader></ASAppHeader>  
          <AppRoutes></AppRoutes>  
        <ASAppFooter></ASAppFooter>
        <ASappPlayerBar></ASappPlayerBar>
      </BrowserRouter>
    </Provider>
    
  )
})

export default App